@media(min-width: 30.0625em){ // FROM 481px UP
    .modal{
        .modal-content{
            padding: 50px 15px;
        }
    }
}
@media(min-width: 40.0625em){ // FROM 641px UP
    .mb-20{
        margin-bottom: 20px !important;
    }
    .mb-40{
        margin-bottom: 40px !important;
    }
    .mb-60{
        margin-bottom: 60px !important;
    }
    .mb-70{
        margin-bottom: 70px !important;
    }
    .mb-90{
        margin-bottom: 90px !important;
    }
    body.home{
        overflow: hidden;
        footer{
            position: fixed;
            top: 100%;
            left: 0;
            right: 0;
            &.active{
                margin-top: -207px;
            }
        }
    }
    
    /*NAV*/
    header{
        #toggle-menu{
            display: none;
        }
        nav{
            position: static;
            width: 100%;
            height: 50px;
            background-color: transparent;
            @include boxShadow(none);
            ul{
                float: left;
                height: 100%;
                padding: 0;
                li{
                    float: left;
                    border: none;
                }
                a{
                    width: 50px;
                    text-align: center;
                    &:hover{color: $colorNectar;}
                    span{
                        display: none;
                    }
                }
            }
            p{
                float: left;
                font-size: 1.125em;
                color: $colorDos;
                font-weight: 700;
                line-height: 50px;
                margin: 0 0 0 20px;
            }
            .contact{
                float: right;
                h5{
                    display: none;
                }
                .dropdown{
                    display: inline-block;
                }
                .f-dropdown{
                    left: -9999px;
                    max-width: 300px;
                    top: 58px !important;
                    padding: 10px 15px;
                    border: 1px solid #FF9326;
                    right: auto;
                    p{
                        float: none;
                    }
                    &.open{
                        left: auto !important;
                        right: 10px;
                    }
                    &:before {
                        content: "";
                    }
                    &:after{
                        content: "";
                        border-bottom-color:$colorNectar;
                    }
                }
            }
            #hover-show{
                display: block;
            }
        }
    }
    
    .overlay{
        display: none !important;
    }
    
    .circle{
        margin: 0 40px;
    }
    
    .bullets{
        display: block;
    }
    
    .slides{
        height: 100vh;
        padding: 0;
        .slide{
            padding: 0;
        }
    }
    
    section[class*='block-']{
        position: fixed;
        opacity: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 0 10%;
    }
    
    .block-1{
        .arrow-down{
            display: block;
        }
    }
}

@media(min-width: 40.0625em) and (max-height: 44em) {
    section[class*='block-']{
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    .block-1{
        .arrow-down {
            bottom: -100px;        
        }
    }
}